.zh-virtual-scroll-table {
  height: 100%;
  display: flex;
  flex-direction: column;

  .zh-form .el-form-item {
    margin-right: 15px;
  }

  .zh-table-pagination {
    margin: 0px 0px 0px 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    justify-content: end;
    background-color: white;
  }

  .zh-vxe-table {
    .el-button + .el-button {
      margin-left: 0px !important;
    }
  }
}

.zh-vxe-table {
  .vxe-cell--title {
    color: rgb(144, 147, 153);
    font-size: 12px;
    font-weight: bold;
  }

  .cell-content span {
    color: rgb(96, 98, 102);
  }
}

/*滚动条整体部分*/
.zh-vxe-table ::-webkit-scrollbar {
  width: 8px;
  height: 20px;
}

/*滚动条的轨道*/
.zh-vxe-table ::-webkit-scrollbar-track {
  background-color: #ffffff;
}

/*滚动条里面的小方块，能向上向下移动*/
.zh-vxe-table ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.zh-vxe-table ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.zh-vxe-table ::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.2);
}

/*边角，即两个滚动条的交汇处*/
.zh-vxe-table ::-webkit-scrollbar-corner {
  background-color: #ffffff;
}

@media screen and (max-width: 820px) {
  .zh-virtual-scroll-table {
    padding: 0px;
    .zh-form {
      // margin-bottom: 5px;
      padding: 0px;
    }

    .zh-el-table {
      padding: 0px;
    }
  }
}
